.box {
  color: #fff;
  height: 100%;

  .title {
    height: 50px;
    background: #1142ac3d;
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
    font-size: 19px;
    font-weight: bolder;
  }

  .data-box {
    height: 100%;
    padding: 0 10px;
    .table-header {
      height: 40px;
      display: flex;
      align-items: center;
      color: #409eff;
      font-weight: bolder;
      .header-item:nth-child(1) {
        flex: 3;
      }
      .header-item:nth-child(2), .header-item:nth-child(3), .header-item:nth-child(4), .header-item:nth-child(5), .header-item:nth-child(6) {
        flex: 1;
        text-align: center;
      }
    }

    .item-box {
      overflow: hidden;
      height: calc(100% - 90px);

      .item {
        display: flex;
        align-items: center;
        p {
          margin: 15px 0 0;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        p:nth-child(1) {
          flex: 3;
        }
        p:nth-child(2), p:nth-child(3), p:nth-child(4), p:nth-child(5), p:nth-child(6) {
          flex: 1;
          text-align: center;
        }
      }
    }

  }
}